﻿/* 
	name : yanggang;  
	QQ:392017299; 
	E-mail:yanggang1@conew.com; 
*/
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{ -webkit-text-size-adjust:none; margin: 0; padding: 0; border: none; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size: 12px; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; }
html,body{ height:100%; }
img,input,button,a,select,textarea{ margin: 0; padding: 0; resize:none; border:none; outline:none; } 
ol,ul { list-style:none; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{ font-size:100%; word-wrap:break-word; font-weight: normal; font-style: normal; }
a:active, a:focus{ outline:none; }
button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0; }
*html{ background-image:url(about:blank); background-attachment:fixed; } /* 修正IE6振动bug */
table{ border-collapse:collapse; border-spacing:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.clearfix{ zoom:1; }
a{ text-decoration: none; }
.bg-color{ background: #ff6900; }
.private-bg{ background: #f4f4f4; }
/* header */
.wrap{ display: block; position:relative; min-height:100%; _height: 100%; }
.wrap h1{ display: none; }
/* nav */
.nav,.private-nav{ width: 100%; height: 89px; position: absolute; z-index: 111; top: 0; left: 0; background: url(../images/lb_nav-b.png) repeat-x; _background: none; }
.private-nav{ background:#ff6900 url(../images/lb_nav-b.png) repeat-x; _background-img: none; }
.nav-main{ width: 960px; margin: 0 auto; }
.logo{ display: block; width: 270px; height: 51px; position: absolute; z-index: 2; top: 19px; left: 50%; margin-left: -480px; }
.nav-main a{ height: 88px; padding: 0 30px; position: relative; font-size: 18px; color: #f4f4f4; overflow: hidden; float: right; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
.nav-main a em{ height: 88px; line-height: 88px; position: relative; top: 0; left: 0; z-index: 2; cursor: pointer; text-align: center; white-space: nowrap; }
.nav-main a:hover em,.nav-main a.cur{ color: #fff; }
.nav-main a i{ width: 100%; height: 88px; position: absolute; top: 0; left: 0; }
.nav-main a i.nav-hover{ display: block; animation-name: navhover; -webkit-animation: navhover 0.2s linear 0s normal none; -moz-animation: navhover 0.2s linear 0s normal none; animation: navhover 0.2s linear 0s normal none; background: rgba(0,0,0,0.1); color:#fff; }
@-webkit-keyframes navhover { from { opacity: 0; -webkit-transform:scale(0,1); } to { opacity: 1; -webkit-transform:scale(1,1); } }
@-moz-keyframes navhover { from { opacity: 0; -moz-transform:scale(0,1); } to { opacity: 1; -moz-transform:scale(1,1); } }
@keyframes navhover { from { opacity: 0; transform:scale(0,1); } to { opacity: 1; transform:scale(1,1); } }
.title{ font-size: 20px; color: #ff6900; }
/* slide */
.slide-main{ height: 580px; position: relative; }
.prev,.next{ display: block; width: 44px; height: 44px; position: absolute; z-index: 222; top: 267px; overflow: hidden; cursor: pointer; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); _border: 1px solid none; }
.prev{ left:70px; }
.next{ right: 70px; }
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.item{ display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top: 540px; left: 0; text-align: center; }
.item a{ display: inline-block; width: 24px; height: 5px; margin-right: 11px; background: #444; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); overflow: hidden; }
.item a.cur{ background: #fff; }
.slide-box,.slide{ display: block; width: 100%; height: 580px; overflow: hidden; }
.slide-box{ position: relative; }
.slide{ display: none; height: 490px; padding-top: 89px; background: #ff6900; position: relative; position: absolute; z-index: 8; }
#bgstylea{ background: #ff6900;}
#bgstyleb{ background: #193d85; }
#bgstylec{ background: #000; }
#bgstyled{ background: #c21109 url(../images/lb_qp-bg.jpg) no-repeat center top; }
.slide a{ border: none; outline: none; }
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-j,.obj-k{ position: absolute; z-index: 9; left: 50%; }
.obj-a,.obj-b{ width: 952px; margin-left: -476px; text-align: center; }
.obj-a{ display: block; height: 352px; top: 100px; }
.obj-b{ top: 406px; height: 100px; }
.obj-c{ display: block; height: 582px; top: 0; margin-left: -540px; }
.obj-d{ top: 228px; height: 164px; }
.obj-d p{ display: block; padding-top: 20px; font-size: 16px; color: #fff; clear: both; }
.obj-e{ width: 288px; height: 204px; margin-left: -460px; top: 293px; z-index: 12; }
.obj-f{ width: 960px; height: 550px; bottom: 0; margin-left: -400px; }
.obj-j{ width: 596px; height: 321px; margin-left: -500px; top: 140px; }
.obj-k{ width: 239px; height: 275px; margin-left: 140px; top: 180px; }
.banAnimate .obj-a{ display: block; animation-name: baoAni; -webkit-animation: baoAni 0.4s linear 0s normal none; -moz-animation: baoAni 0.4s linear 0s normal none; animation: baoAni 0.4s linear 0s normal none; }
@-webkit-keyframes baoAni { from { opacity: 0; left: 60%; } to { opacity: 1; left: 50%; } }
@-moz-keyframes baoAni { from { opacity: 0; left: 60%; } to { opacity: 1; left: 50%; } }
@keyframes baoAni { from { opacity: 0; left: 60%; } to { opacity: 1; left: 50%; } }
.banAnimate .obj-b{ display: block; animation-name: saAni; -webkit-animation: saAni 0.4s linear 0s normal none; -moz-animation: saAni 0.4s linear 0s normal none; animation: saAni 0.4s linear 0s normal none; }
@-webkit-keyframes saAni { from { opacity: 0; -webkit-transform:scale(0,0); } to { opacity: 1; -webkit-transform:scale(1,1); } }
@-moz-keyframes saAni { from { opacity: 0; -moz-transform:scale(0,0); } to { opacity: 1; -moz-transform:scale(1,1); } }
@keyframes saAni { from { opacity: 0; transform:scale(0,0); } to { opacity: 1; transform:scale(1,1); } }
.watch-code.code-show{ display: block; animation-name: scode; -webkit-animation: scode 0.3s linear 0s normal none; -moz-animation: scode 0.3s linear 0s normal none; animation: scode 0.3s linear 0s normal none; }
@-webkit-keyframes scode { from { opacity: 0; -webkit-transform:scale(1,0); transform-origin: left bottom; } to { opacity: 1; -webkit-transform:scale(1,1);  transform-origin:  left bottom; } }
@-moz-keyframes scode { from { opacity: 0; -moz-transform:scale(1,0);  transform-origin: left bottom; } to { opacity: 1; -moz-transform:scale(1,1); transform-origin: bottom bottom; } }
@keyframes scode { from { opacity: 0; transform:scale(1,0); transform-origin: left bottom; } to { opacity: 1; transform:scale(1,1); transform-origin:  left bottom; } }
.banAnimate .obj-c,.banAnimate .obj-e,.banAnimate .obj-j{ display: block; animation-name: saAnic; -webkit-animation: saAnic 0.3s linear 0s normal none; -moz-animation: saAnic 0.3s linear 0s normal none; animation: saAnic 0.3s linear 0s normal none; }
@-webkit-keyframes saAnic { from { opacity: 0; left: 47%; } to { opacity: 1; left: 50%; } }
@-moz-keyframes saAnic { from { opacity: 0; left: 47%; } to { opacity: 1; left: 50%; } }
@keyframes saAnic { from { opacity: 0; left: 47%; } to { opacity: 1; left: 50%; } }
.banAnimate .obj-d,.banAnimate .obj-f,.banAnimate .obj-k{ display: block; animation-name: saAnid; -webkit-animation: saAnid 0.3s linear 0s normal none; -moz-animation: saAnid 0.3s linear 0s normal none; animation: saAnid 0.3s linear 0s normal none; }
@-webkit-keyframes saAnid { from { opacity: 0; left: 53%; } to { opacity: 1; left: 50%; } }
@-moz-keyframes saAnid { from { opacity: 0; left: 53%; } to { opacity: 1; left: 50%; } }
@keyframes saAnid { from { opacity: 0; left: 53%; } to { opacity: 1; left: 50%; } }
/*function*/
.function{width:100%;background:#f8f8f8;border-bottom:1px solid #ebebeb;}
.function-wrap {width:1000px;margin:auto;padding-top:20px;}
.function-list {width:100%;height:250px;}
.function-list dt{width:49%;display:block;}
.function-list .function-1{float:left;}
.function-list .function-2{float:right;}
.function-list dt a{display:block;width:438px;height:238px;margin:auto;position:relative;}
.function-list a {border-radius:10px;}
.function-list a .ybr-layer{position:absolute;width:100%;height:100%;opacity:0.3;z-index:10;top:0px;left:0px;background:#000;border-radius:10px;}
.function-list a .ybr-title{display:block;width:172px;height:45px;position:relative;left:100px;top:100px;z-index:20;}
.function-1 a{background:url('../images/jc-1.jpg') no-repeat 0px 0px;}
.function-2 a{background:url('../images/jc-2.jpg') no-repeat 0px 0px;}
.function-1 a .ybr-title{background:url('../images/jc-xinshou.png');}
.function-2 a .ybr-title{background:url('../images/jc-shipin.png');}
.function-list a .ybr-btn-go{display:block;position:absolute;background:url('../images/jc-go.png');width:40px;height:40px;right:50px;bottom:95px;}
/*news*/
/* hot news */
.hot-news{ min-height:500px;height:500px;height:auto;}
.hot-news,.bbs-main,.news-main{ width: 960px; margin: 0 auto;}
.title{padding:20px 0px;}
.news-main{ height: 100px; position: relative;margin-top:10px; }
.news-img,.news-img img{ width:150px; height: 100px; }
.news-img{ display: block; position: relative; position: absolute; z-index: 1; overflow: hidden; cursor: pointer; }
.news-img img,.imgstyle img{ position: absolute; z-index: 1; top: 0; left: 0; }
.imgstyle img{ width: 322px; height: 172px; top: -6px; left: -11px; }
.aniimgstyle img{ display: block; animation-name: imgsacle; -webkit-animation: imgsacle 0.4s linear 0s normal none; -moz-animation: imgsacle 0.4s linear 0s normal none; animation: imgsacle 0.4s linear 0s normal none; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes imgsacle { from { -webkit-transform:scale(1,1); } to { -webkit-transform:scale(1.2,1.2); } }
@-moz-keyframes imgsacle { from { -moz-transform:scale(1,1); } to { -moz-transform:scale(1.2,1.2); } }
@keyframes imgsacle { from { transform:scale(1,1); } to { transform:scale(1.2,1.2); } }
.news-info{ margin-left: 223px;}
.news-info h3{ height: 100px; line-height: 100px; overflow: hidden; }
.news-info h3 a{ color: #333; font-size: 20px; }
.news-info h3 a:hover{ color: #ff6900; }
.time-share{ display: block; height: 32px; line-height: 32px; color: #666; }
.news-time{ display: inline-block; padding-right: 30px; }
.share-news{ display: inline-block; padding-right: 8px; }
.news-info p{ height: 72px; line-height: 22px; overflow: hidden; }
.news-info p a{ display: block; color: #666; cursor: pointer; }
.details{ display: block; width: 107px; height: 35px; line-height: 34px; position: absolute; border:1px solid #FF7E24; border-radius:20px; color:#FF7E24;z-index: 2; bottom: 25px; right: 0; text-indent: 26px; overflow: hidden; cursor: pointer; color: #ff6900; }
.details:hover{ background-position: left -92px; color: #fff; background:#FF7E24; }
.btn-hover{ animation-name: dethover; -webkit-animation: dethover 0.2s linear 0s normal none; -moz-animation: dethover 0.2s linear 0s normal none; animation: dethover 0.2s linear 0s normal none; }
@-webkit-keyframes dethover{ from { opacity: 0.4; color: #ff6900; } to { opacity: 1; color: #fff; } }
@-moz-keyframes dethover{ from { opacity: 0.4; color: #ff6900; } to { opacity: 1; color: #fff; } }
@keyframes dethover{ from { opacity: 0.4; color: #ff6900; } to { opacity: 1; color: #fff; } }
